{% extends "base.html" %}

{% block title %}数据分析{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h2 class="card-title"><i class="icon">bar_chart</i> 数据分析</h2>
        <div class="card-actions">
            <button class="card-action-btn">
                <i class="icon">refresh</i>
            </button>
            <button class="card-action-btn">
                <i class="icon">download</i>
            </button>
        </div>
    </div>
    <div class="card-content">
        <p>这里是数据分析功能的主界面。您可以查看、处理和分析系统中的各种数据。</p>
        
        <div style="display: flex; gap: 20px; margin-top: 20px;">
            <div style="flex: 1; background: #f8f9fa; padding: 20px; border-radius: 8px;">
                <h3>数据概览</h3>
                <ul>
                    <li>总数据量: 1,254,789 条</li>
                    <li>今日新增: 12,456 条</li>
                    <li>数据质量评分: 92%</li>
                    <li>异常数据: 1.2%</li>
                </ul>
            </div>
            
            <div style="flex: 1; background: #f8f9fa; padding: 20px; border-radius: 8px;">
                <h3>分析工具</h3>
                <ul>
                    <li>趋势分析</li>
                    <li>关联分析</li>
                    <li>聚类分析</li>
                    <li>预测模型</li>
                </ul>
            </div>
        </div>
        
        <div style="margin-top: 30px; background: #f8f9fa; padding: 20px; border-radius: 8px;">
            <h3>数据趋势图</h3>
            <div style="height: 300px; background: white; display: flex; align-items: center; justify-content: center; margin-top: 15px; border-radius: 8px;">
                <p style="color: #888;">数据趋势图表区域</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}